
	body {maring:0px; padding:0px;font-family: Segoe UI, Arial, sans-serif;overflow:hidden;}

	#attributes tr { 
		height: 24px;
		font-size: 0.9em; 
		white-space: nowrap; 
		border-radius: 2px;
		border: 1px solid #cccccc;
		color:#777777;
		background-color: #fff;
		cursor: move;
	}
	#attributes tr img, #attributes tr span{
		cursor:default;
	}	
	#attributes tr[selected] { 
		font-size: 0.9em; 
		white-space: nowrap; 
		color: #000;
		font-weight: bold;
		background-color: #eee;
		border-radius: 2px;
		border: 1px solid #cccccc;		
	}
	#attributes tr:not([selected]):hover { 
		background-color: #fafafa;
	}
	
	#attributes tr:hover .exif-icon{ 
		display:block;
	}
	#attributes tr .exif-icon{ 
		display:none;
	}
	
	#attributes tr#exif-sortable-placeholder {

	}
	
	#attributes tr td{
		padding: 2px 10px;
	}
	
	#cameras tr:nth-child(odd){
		background-color: #fafafa;
	}
		
	#navbar-container {
	  -webkit-border-end: 1px solid #c6c9ce;
	  background: -webkit-linear-gradient(rgba(234, 238, 243, 0), #eaeef3),
				  -webkit-linear-gradient(left, #eaeef3, #eaeef3 97%, #d3d7db);
	  bottom: 0;
	  left: 0;
	  position: fixed;
	  top: 0;
	  width: 206px;
	  z-index: 2;
	  text-align: right; 
	  min-height: 450px;
	}	
	#settings-title {
		-webkit-padding-end: 24px;
		color: #53637D;
		font-size: 200%;
		font-weight: normal;
		margin: 0;
		padding-bottom: 14px;
		padding-top: 20px;
		text-align: end;
	}

	.tabPage {
	  box-sizing: border-box;
	  max-width: 888px;
	  min-height: 100%;
	  min-width: 600px;
	  padding: 0 24px;
	  margin: 0 0 0 266px ;
	}

	h1 {
	  -webkit-padding-end: 24px;
	  border-bottom: 1px solid #eeeeee;
	  color: #53637d;
	  font-size: 200%;
	  font-weight: normal;
	  margin: 0;
	  padding-bottom: 4px;
	  padding-top: 13px;
	}
	
	#buttonsContainer{
		position: absolute;
		bottom: 20px;
		width: 600px;
		text-align: right;
	}
	#attributesContainer{
		position: absolute;
		bottom: 80px;
		top: 120px;
		overflow-y:scroll;
		overflow-x:hidden;
		width: 600px;
		border: 1px inset #EEE;
	}
	#attributesContainer table{
		width: 100%;
	}

	.exif-icon-sort_down		{	background-image: url(chrome-extension://__MSG_@@extension_id__/img/sort_down.png); }
	.exif-icon-sort_down:hover	{	background-image: url(chrome-extension://__MSG_@@extension_id__/img/sort_down_green.png); }
	.exif-icon-sort_up			{	background-image: url(chrome-extension://__MSG_@@extension_id__/img/sort_up.png); }
	.exif-icon-sort_up:hover 	{	background-image: url(chrome-extension://__MSG_@@extension_id__/img/sort_up_green.png); }

div.exif-ajax-loader {
	background: #000 url(/img/ajax-loader-img.gif) no-repeat 50% 50%;
	opacity: .6;
}

#navbar-container > ul {
  -webkit-user-select: none;
  list-style-type: none;
  margin: 0;
  padding:10px 0;
}
.navbar-item {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  color: #426dc9;
  cursor: pointer;
  display: block;
  font-size: 105%;
  outline: none;
  padding: 7px 0;
  text-align: end;
  text-shadow: white 0 1px 1px;
  -webkit-padding-end: 24px;
}
 
.navbar-item:focus {
  border-bottom: 1px solid #8faad9;
  border-top: 1px solid #8faad9;
}
 
.navbar-item-selected {
  -webkit-box-shadow: 0px 1px 0px #f7f7f7;
  background: -webkit-linear-gradient(left, #bbcee9, #bbcee9 97%, #aabedc);
  border-bottom: 1px solid #8faad9;
  border-top: 1px solid #8faad9;
  color: black;
  text-shadow: #bbcee9 0 1px 1px;
}
.camera-row td{
	border-bottom: 1px solid #ccc;
}
.camera-iamge-container{
	width:200px;
	height:80px;
	background-repeat:no-repeat;
	background-position:center; 
	background-size: contain;
}
.camera-image-url{
	width: 250px;
	font-size: 10px;
}
.camera-image-reload{
	vertical-align: bottom;
	padding: 2px;
}

.camera-description{
	font-family: Segoe UI, Arial, sans-serif;
	font-size: 12px;
}
.exif-dialog-titlebar{
	background: #444;
}
.exif-dialog{
	background: #eee;
}


button, input[type="button"]{
	-webkit-transition: all .1s linear;
	-webkit-appearance: none;
	-webkit-border-image: none;
	-webkit-box-align: center;
	-webkit-box-shadow: rgba(0, 0, 0, 0.078125) 0px 1px 0px 0px, rgba(255, 255, 255, 0.746094) 0px 1px 2px 0px inset;
	-webkit-user-select: none;
	background-color: #F0F0F0;
	background-image: -webkit-linear-gradient(top, #EDEDED, #EDEDED 38%, #DEDEDE);
	border-bottom-color: rgba(0, 0, 0, 0.246094);
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: rgba(0, 0, 0, 0.246094);
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: rgba(0, 0, 0, 0.246094);
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: rgba(0, 0, 0, 0.246094);
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-top-style: solid;
	border-top-width: 1px;
	box-shadow: rgba(0, 0, 0, 0.078125) 0px 1px 0px 0px, rgba(255, 255, 255, 0.746094) 0px 1px 2px 0px inset;
	box-sizing: border-box;
	color: #444;
	cursor: default;
	display: inline-block;
	font-family: 'Segoe UI', Tahoma, sans-serif;
	font-size: 12px;
	height: 24px;
	letter-spacing: normal;
	line-height: normal;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 1px;
	margin-top: 0px;
	min-height: 24px;
	min-width: 48px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	text-align: center;
	text-indent: 0px;
	text-shadow: #F0F0F0 0px 1px 0px;
	text-transform: none;
	word-spacing: 0px;
}

button:hover, input[type="button"]:hover{
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px 0px, rgba(255, 255, 255, 1) 0px 1px 2px 0px inset;
}